<!--      <body id='googleMapContent' >
<div id="main_map_canvas" style="width:30%; height:25%">   </div>
<div style =' border: 1px solid transparent; height:5%; position:absolute; bottom:0px; ' class='errorMessageDiv'>Please Select Geo-Coordinates the Prospective Facility
      </div>
   </body>-->
<?php
$file_path = 'client';
//echo "<script type=\"text/javascript\" src=\"$file_path/c.js\"></script>";
//echo "<script type=\"text/javascript\" src=\"$file_path/time_slider.js\"></script>";
echo "<script type=\"text/javascript\" src=\"$file_path/customer_page_handler.js\"></script>";
echo "<script type=\"text/javascript\" src=\"$file_path/distance_slider.js\"></script>";
echo "<script type=\"text/javascript\" src=\"$file_path/populate_direction.js\"></script>";
echo "<script type=\"text/javascript\" src=\"$file_path/events_search_handler.js\"></script>";
  //echo "<script type=\"text/javascript\" src=\"$file_path/form_validator.js\"></script>";
//echo "<script type=\"text/javascript\" src=\"$file_path/event_registration_handler.js\"></script>";
/*
 <div id="tabs">
	<ul>
		<li> <a href="#tabs-1">General </a> </li>
		<li> <a href="#tabs-2">Weather</a> </li>
		<li> <a href="#tabs-3">Direction Map</a> </li>
                <li> <a href="#tabs-4">Driving Directions</a> </li>
                <li> <a href="#tabs-5">Events</a> </li>
	</ul>
	<div id="tabs-1">
		<p>Discription of the event</p>
		<p>Discription of the event</p>
                </div>
	<div id="tabs-2">
		<p>Weather content.</p>
		<p>Weather content.</p>
	</div>
	<div id="tabs-3">
		<p>Direction Map.</p>
		<p>Direction Map.</p>
	</div>
        <div id="tabs-4">
		<p>Driving Directions.</p>
		<p>Driving Directions.</p>
	</div>
        <div id="tabs-5">
		<p>Listing Events.</p>
                <p>Listing Events.</p>
	</div>
</div>
 * /
 */
$activityHandler = new activity_handler();
echo $activityHandler->showActivityLister();
?>





<!--<body id='mainMapContent' onload="initializeMainMap();">-->


<span id="leftMapColumn"  class="ui-widget-content ui-corner-all" style="border:1px solid #CCCCCC;padding:20px 20px 20px 20px; float:left; width:75%">
<?php

echo "<div id ='main_map_canvas' style='width:100%; height:90%'></div>";
//echo "checking";
//$vacinityCoordinates = new vacinity_events_handler();
//echo $vacinityCoordinates->getVacinityEvents(-26, 28);
  ?>
</span>

<span id="rightNavColumn" class="ui-widget-content ui-corner-all" style="border:1px solid #CCCCCC;padding:20px 20px 20px 20px; float:right; width:20%">
<?php
         if(isset($_SESSION['user_uname']))
      {
       $sideMainCotent = new side_customer_links($_SESSION['user_uname']);
       echo $sideMainCotent->showMainSideLinks();

      }
      else
      {
          die("Error. Session variables for customer home page are not set.");
      }


?>
</span>

	<script>
	
	</script>

		<script type="text/javascript" charset="utf-8">
			$(document).ready(function(){

initializeMainMap();
initializeDirectionsMap();


			});
		</script>